iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0 Like 1 留言 591 瀏覽

鐵人賽 Modern Web DAY 26

創意前端設計：用 Vue.js 打造 30 個互動實用功能系列第 26 篇

技術 Day26 Vue.js 動效分類實戰 (17) 雙十特輯 - 超燃國慶狂歡，打造專屬於你的沈浸式煙火秀

✨ 華麗煙火背景+動態台灣國旗+繽紛文字，視覺衝擊直達心靈！🇹🇼 在這充滿煙火和歡呼聲的雙十國慶日，我們用 Vue.js 和創意設計，打造出一個專屬於中華民...

Sunny.Cat ‧ 2024-10-10

0 Like 0 留言 317 瀏覽

鐵人賽 Modern Web DAY 23

創意前端設計：用 Vue.js 打造 30 個互動實用功能系列第 23 篇

技術 Day23 Vue.js 動效分類實戰 (14) 骨架屏特輯 - 讓你的網站載入像閃電般快速

骨架屏黑科技，提升載入體驗大家好！今天我們要聊一聊網頁開發中的一個「秘密武器」——骨架屏（Skeleton Loading）！有沒有發現，有些網站在內容還...

Sunny.Cat ‧ 2024-10-07

0 Like 0 留言 315 瀏覽

鐵人賽 Modern Web DAY 14

創意前端設計：用 Vue.js 打造 30 個互動實用功能系列第 14 篇

技術 Day14 Vue.js 動效分類實戰 (6) 視覺炫彩特輯 - 元件化你的動態炫彩文字與按鈕

運用漸變、動畫與動態樣式，讓你的網頁元素閃耀出迷人的色彩魅力！哈囉！受夠了中規中矩的文字了嗎？是時候讓你的網頁閃耀起來啦！今天我們要用 Vue.js 來玩...

Sunny.Cat ‧ 2024-09-28

0 Like 0 留言 308 瀏覽

鐵人賽 Modern Web DAY 12

創意前端設計：用 Vue.js 打造 30 個互動實用功能系列第 12 篇

技術 Day12 Vue.js 動效分類實戰 (4) 導航特輯 - 用 GSAP 打造超爆棚品牌感設計

讓導航欄脫穎而出！用 Vue.js 和 GSAP 強調呼吸感的品牌互動哈囉各位！今天我們要來搞點大動作，帶大家一起用 Vue.js 和 GSAP 打造一個超...

Sunny.Cat ‧ 2024-09-26

0 Like 0 留言 316 瀏覽

鐵人賽 Modern Web DAY 11

創意前端設計：用 Vue.js 打造 30 個互動實用功能系列第 11 篇

技術 Day11 Vue.js 動效分類實戰 (3) 循環特輯 - 玩踩貓咪腳印的循環動效

探索 Vue.js 循環動效，為您的網頁注入獨特的貓咪魅力，感受每一刻的‘MADE WITH LOVE’。哈囉各位，今天我們要一起來揭開文字循環特效的神秘面...

Sunny.Cat ‧ 2024-09-25

0 Like 0 留言 419 瀏覽

鐵人賽 Modern Web DAY 10

創意前端設計：用 Vue.js 打造 30 個互動實用功能系列第 10 篇

技術 Day10 Vue.js 動效分類實戰 (2) 背景動態特輯 - 打造療癒泡泡感

探索泡泡背景的設計秘訣，讓訪客愛上您的網站嗨！是不是常常看著很多網站，總覺得它們少了點什麼？別再只滿足於單調的網頁背景了，我們需要一點「哇～好好玩！」的感...

Sunny.Cat ‧ 2024-09-24

0 Like 0 留言 349 瀏覽

鐵人賽 Modern Web DAY 6

創意前端設計：用 Vue.js 打造 30 個互動實用功能系列第 6 篇

技術 Day06 Vue.js 簡單迷人的網頁動態效果 - 過渡類別篇

Vue 過渡類別的關鍵控制：讓動態設計成為過程的藝術在現代動態設計中，過程的流暢性往往比最終的結果更能吸引使用者的目光。 Vue 的過渡類別不僅能幫助我們設...

Sunny.Cat ‧ 2024-09-20

0 Like 0 留言 149 瀏覽

鐵人賽 Modern Web DAY 4

轉生成前端工程師後，30步離開新手村！系列第 4 篇

技術 # 前端角度的系統架構圖(二)

前一篇文章中，我們提到了工具和劃分區域。本篇文章將延續前篇內容，從Angular的角度手把手繼續繪製系統架構圖。製作第一份系統架構圖（前端角度） 3. 從前...

艾瑞卡 ‧ 2024-09-18

0 Like 0 留言 251 瀏覽

鐵人賽 Modern Web DAY 3

轉生成前端工程師後，30步離開新手村！系列第 3 篇

技術 # 前端工程師的系統架構圖(一)

系統架構圖是什麼？系統架構圖是一種視覺化的圖表，用來展示一個系統的整體結構和組成部分。主要目的是幫助開發者、設計師和相關人員理解系統的各個組件是如何相互連接和...

艾瑞卡 ‧ 2024-09-17

0 Like 0 留言 432 瀏覽

鐵人賽 Modern Web DAY 13

Django 與 Strawberry GraphQL：探索現代 API 開發之路系列第 13 篇

技術 Day 13：建立 Django 環境

在前面的章節中，我們花了許多時間探討 GraphQL 及 Strawberry，這主要是希望讓大家對於 GraphQL 擁有基礎的理解，並對 Strawberr...

jasonxie ‧ 2023-09-28 ‧團隊狗狗與睡袋的產地

0 Like 0 留言 354 瀏覽

鐵人賽 Modern Web DAY 8

Django 與 Strawberry GraphQL：探索現代 API 開發之路系列第 8 篇

技術 Day 8：使用 Strawberry 學習 GraphQL 變數與別名

在上次我們完成了兩個最基礎的 GraphQL 查詢，接下來將繼續介紹 GraphQL 查詢的其他語法操作。在之前的使用引數（Arguments）來查詢某個...

jasonxie ‧ 2023-09-23 ‧團隊狗狗與睡袋的產地

0 Like 0 留言 314 瀏覽

鐵人賽 Modern Web DAY 6

Django 與 Strawberry GraphQL：探索現代 API 開發之路系列第 6 篇

技術 Day 6：使用 Strawberry 學習 GraphQL 型別 – 3

在這次內容中將使用一個特別的範例，來示範 GraphQL 中的 Interface 與 Union Type。我們假設取得使用者資料的時候，依照不同的使用者角...

jasonxie ‧ 2023-09-21 ‧團隊狗狗與睡袋的產地

0 Like 0 留言 443 瀏覽

鐵人賽 Modern Web DAY 7

從0開始的的Angular站台架設-Stnadalone 系列第 7 篇

技術 D6 為自己的開發鮮豔上色，先用Tailwindcss來塗上喜歡的顏色

在前端進行開發的時候我們經常面對在設計整個畫面的排版與樣式時，有UI design跟design吵，自己開發跟自己吵的狀況。因為我們在開發時常常面對到css的...

Otto_auto ‧ 2023-09-17

0 Like 1 留言 746 瀏覽

鐵人賽 Modern Web DAY 2

30天React練功坊-攻克常見實務/面試問題系列第 2 篇

技術 30天React練功坊-攻克常見實務/面試問題 Day2: setState isn't working correctly when called multiple times

tags: ItIron2023 react 前言昨天我們用了一個非常基本的問題了解了關於react的render機制以及useState可能會碰到的一個小問...

windate3411 ‧ 2023-09-17

0 Like 0 留言 279 瀏覽

鐵人賽自我挑戰組 DAY 1

網頁開發初心者翻譯蒟蒻 : JavaScript篇系列第 1 篇

技術網頁開發初心者翻譯蒟蒻 : JavaScript篇【Day1】- 前言

前言 Hello 大家好！我是30才跨領域轉職女子 - SOP小姐，在29歲這年決心轉職，跨入網頁開發的領域開始學習前端技能，並期待在30歲這年可以送給自己一...

Miss_SOP | SOP小姐 ‧ 2023-09-16

0 Like 0 留言 448 瀏覽

鐵人賽 Modern Web DAY 6

從0開始的的Angular站台架設-Stnadalone 系列第 6 篇

技術 D5 Angular 系統設計思維與層級劃分 - 如何進行前端系統設計

很簡單啦，你就Draw.io畫一畫就好了啦想必有部分的朋友一定有聽過自家前輩或是社群中的大神這樣子說過。但愛因斯坦說的才能不足以研究數學轉而決定研究物理，跟...

Otto_auto ‧ 2023-09-16

0 Like 0 留言 1276 瀏覽

鐵人賽 Modern Web DAY 7

後端的鉗形攻勢系列第 7 篇

技術 [Day. 06] XAMPP與網頁開發的情感糾葛

XAMPP X指跨平台、A是Apache、M是MySQL（或者MariaDB，一個MySQL的分支），兩個P分別代表PHP和Perl。當然裡面包含的不只這些。...

Dullszy ‧ 2020-09-21

2 Like 1 留言 3895 瀏覽

鐵人賽自我挑戰組

破釜沉舟的轉職路-37歲從0開始成為一個軟體工程師系列第 32 篇

技術如何用 Sass 實現類似 Bootstrap 4 的格線系統

★ 首先這篇文章適合以下背景的人閱讀： 1.大概了解什麼是格線系統，甚至有用過2.有使用過 Sass 管理及撰寫 CSS，並且對基礎 Sass 語法 (SCS...

Alec ‧ 2019-10-18

4 Like 1 留言 4335 瀏覽

鐵人賽自我挑戰組 DAY 13

破釜沉舟的轉職路-37歲從0開始成為一個軟體工程師系列第 13 篇

技術講完表格(table)今天來講表單(form)

上一篇我們講完了表格，今天我們來說說更廣泛運用的表單，還記得幾乎不管是甚麼網站大概都會有留言區，讓你可以留下自己的問題還有基本資料，最後有一個按鈕可以按送出，其...

Alec ‧ 2019-09-21

1 Like 0 留言 6221 瀏覽

鐵人賽 Modern Web DAY 25

菜鳥後端工程師的第一門課系列第 25 篇

技術 [Day25] Devops - 雲端服務

2022 Medium 新版傳送門 Devops - 雲端服務 Devops，全名叫做 Development Operations，基本上是結合『軟體開發』和...

johnliutw ‧ 2018-11-08

1 Like 0 留言 8949 瀏覽

鐵人賽 Modern Web DAY 23

菜鳥後端工程師的第一門課系列第 23 篇

技術 [Day23] Linux 進階指令

2022 Medium 新版傳送門 Linux 進階指令今天筆者會介紹許多常用的 Linux 指令，希望讀者能學會應用，並熟悉這些指令，讓自己再 google...

johnliutw ‧ 2018-11-06

1 Like 0 留言 10751 瀏覽

鐵人賽 Modern Web DAY 21

菜鳥後端工程師的第一門課系列第 21 篇

技術 [Day21] Route 路由

2022 Medium 新版傳送門 Route 路由什麼是 Route Route ，翻譯成中文為路由，這個 Route 不是指硬體設備的 Route ，而是...

johnliutw ‧ 2018-11-04

2 Like 0 留言 9996 瀏覽

鐵人賽 Modern Web DAY 19

菜鳥後端工程師的第一門課系列第 19 篇

技術 [Day19] MVC - 主流系統架構

2022 Medium 新版傳送門 MVC 開發架構 MVC，如果你開始學後端工程，或是任意程式語言，一定會碰到的一個技術名詞。街頭上一大堆號稱 MVC 的框架...

johnliutw ‧ 2018-11-02

1 Like 0 留言 11342 瀏覽

鐵人賽 Modern Web DAY 17

菜鳥後端工程師的第一門課系列第 17 篇

技術 [Day17] 資料庫語言( SQL )進階語法

2022 Medium 新版傳送門 SQL 進階語法 - like, order, distinct, sum, count 昨天我們學會了最基本的四個 SQL...

johnliutw ‧ 2018-10-31

1 Like 0 留言 7350 瀏覽

鐵人賽 Modern Web DAY 13

菜鳥後端工程師的第一門課系列第 13 篇

技術 [Day13] 資料結構 - 樹和堆疊

2022 Medium 新版傳送門資料結構 - 樹和堆疊今天會講到資料結構中比較複雜的部分，但是這些複雜的結構也可以用很簡單的方式，理解到他們的機制，現在來...

johnliutw ‧ 2018-10-27

2 Like 0 留言 6053 瀏覽

鐵人賽 Modern Web DAY 12

菜鳥後端工程師的第一門課系列第 12 篇

技術 [Day12] 資料結構 - 陣列和雜湊

2022 Medium 新版傳送門資料結構 - 陣列和雜湊資料結構，也是軟體工程很重要的概念，貫串所有不同領域的應用，因為這個概念探討的，是資料儲存的問題。...

johnliutw ‧ 2018-10-26

0 Like 1 留言 3473 瀏覽

鐵人賽自我挑戰組 DAY 6

第九屆鐵人賽主題小幫手系列第 6 篇

技術不夠 Modern 不能稱之為是 Modern Web

各家的網頁、網站開發語言，或是相關的前後端工具，甚至是UI/UX相關的方法或是實作。現在都是與日俱進，不管是前端的進步也好，還是前後端分離這件事情，甚至是...

幻幽 ‧ 2017-12-09

技術 Day26 Vue.js 動效分類實戰 (17) 雙十特輯 - 超燃國慶狂歡，打造專屬於你的沈浸式煙火秀

技術 Day23 Vue.js 動效分類實戰 (14) 骨架屏特輯 - 讓你的網站載入像閃電般快速

技術 Day14 Vue.js 動效分類實戰 (6) 視覺炫彩特輯 - 元件化你的動態炫彩文字與按鈕

技術 Day12 Vue.js 動效分類實戰 (4) 導航特輯 - 用 GSAP 打造超爆棚品牌感設計

技術 Day11 Vue.js 動效分類實戰 (3) 循環特輯 - 玩踩貓咪腳印的循環動效

技術 Day10 Vue.js 動效分類實戰 (2) 背景動態特輯 - 打造療癒泡泡感

技術 Day06 Vue.js 簡單迷人的網頁動態效果 - 過渡類別篇

技術 # 前端角度的系統架構圖(二)

技術 # 前端工程師的系統架構圖(一)

技術 Day 13：建立 Django 環境

技術 Day 8：使用 Strawberry 學習 GraphQL 變數與別名

技術 Day 6：使用 Strawberry 學習 GraphQL 型別 – 3

技術 D6 為自己的開發鮮豔上色，先用Tailwindcss來塗上喜歡的顏色

技術 30天React練功坊-攻克常見實務/面試問題 Day2: setState isn't working correctly when called multiple times

技術 網頁開發初心者翻譯蒟蒻 : JavaScript篇 【Day1】- 前言

技術 D5 Angular 系統設計思維與層級劃分 - 如何進行前端系統設計

技術 [Day. 06] XAMPP與網頁開發的情感糾葛

技術 如何用 Sass 實現類似 Bootstrap 4 的格線系統

技術 講完表格(table)今天來講表單(form)

技術 [Day25] Devops - 雲端服務

技術 [Day23] Linux 進階指令

技術 [Day21] Route 路由

技術 [Day19] MVC - 主流系統架構

技術 [Day17] 資料庫語言( SQL )進階語法

技術 [Day13] 資料結構 - 樹和堆疊

技術 [Day12] 資料結構 - 陣列和雜湊

技術 不夠 Modern 不能稱之為是 Modern Web

標記使用者

技術網頁開發初心者翻譯蒟蒻 : JavaScript篇【Day1】- 前言

技術如何用 Sass 實現類似 Bootstrap 4 的格線系統

技術講完表格(table)今天來講表單(form)

技術不夠 Modern 不能稱之為是 Modern Web